import type { ThemeColor } from "@/types/themeType";

export const THEME_DARK: ThemeColor = [
  {
    name: "--main-color",
    color: "#1e1d2b",
  },
  {
    name: "--nav-color",
    color: "#2f3042",
  },
  {
    name: "--box-color",
    color: "#222433",
  },
  {
    name: "--font-active-color",
    color: "#fff",
  },
  {
    name: "--font-color",
    color: "#eee",
  },
  {
    name: "--font-light-color",
    color: "#aaa",
  },
  {
    name: "--remind-color",
    color: "rgb(104, 198, 189)",
  },
];

export const THEME_LIGHT: ThemeColor = [
  {
    name: "--main-color",
    color: "rgba(239, 239, 244)",
  },
  {
    name: "--nav-color",
    color: "#fff",
  },
  {
    name: "--box-color",
    color: "#fff",
  },
  {
    name: "--font-active-color",
    color: "rgb(255, 180, 190)",
  },
  {
    name: "--font-light-color",
    color: "#aaa",
  },
  {
    name: "--font-color",
    color: "#000",
  },

  {
    name: "--remind-color",
    color: "rgb(255, 140, 140)",
  },
];
